<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/order.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/css.css">
    <title>结算页</title>
</head>
<style>
    .m {
        display: flex;
        flex-direction: column;
    }
</style>
<body>
<div class="pay">
    <div class="title">
        <h3 style="display: table">结算页</h3></div>
    <h3>填写并核对订单信息</h3>
    <main>
        <div class="content">
            <div class="goods-address">
                <div class="title"><h4>收货人信息</h4>                    <a href=""><span>新增收货地址</span></a></div>
                <div>
                    <div class="address"><label for="addr">${order.user.uname}</label> <span
                            id="addr">贵州大学 北校区 博学楼  1111xxxx1111</span>
                    </div>
                    <span>更多地址 <i class="iconfont icon-xiangxiazhanhang"></i></span>
                    <div class="remarks"><span>到货自提</span> <span>抱歉，存在不支持自提的商品或该地址下没有可用的自提点</span></div>
                </div>
            </div>
            <div class="pay-way">
                <div><h4>支付方式</h4></div>
                <span>微信 淘宝 支付宝</span>
                <%--<div><span>货到付款</span> <span>在线支付</span> <a href=""><span>更多 》</span></a></div>--%>
            </div>
            <div class="detailed-list">
                <div><h4>送货清单</h4>
                    <div><a href="">价格说明</a> <a href="">返回修改购物车</a></div>
                </div>
                <div class="list">
                    <div class="list-left">
                        <div class="title"><span>配送方式</span> <a href=""><span><i
                                class="iconfont icon-gaojingkongxin"></i>对应商品</span></a></div>
                        <div><span>京东快递</span></div>
                        <div><span>标准达：</span> <span>预计 [今天] 15:00-21:00 送达</span> <a href=""><span>修改</span></a>
                        </div>
                        <div>
                            <div><input type="radio"> <span>退换无忧</span> <span>&yen;0.70</span></div>
                            <div><span>自签收后7天内退货，15天内换货，可享1次上门取件服务</span> <span>查看详情</span></div>
                            <div><span>温馨提示：</span> <span>亲亲请给五星好评噢~</span></div>
                        </div>
                    </div>
                    <div class="list-right"><span>商家：荒岛书店</span>
                        <div><span>换购</span> <span>已购商品 ，您可以返回购物车加价换购商品 </span></div>
                        <div style="height: 300px;width: 600px">
                            <div style="margin-top: 10px" class="m"><span>用户id：${order.uid}</span>

                                <div class="m" style="height: 100px;width: 500px"><span><strong>订单号：${order.oid}</strong>:</span></div>
                                <div class="m" style="height: 100px;width: 500px"><span><strong>下单时间：${order.addTime}</strong>:</span></div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="invoice">
                    <div><h4>发票信息</h4>                    <span>开企业抬头发票须填写纳税人识别号，以免影响报销</span></div>
                    <div><span>电子普通发票 </span> <span>个人</span> <span>商品明细</span> <a href=""><span>修改</span></a></div>
                </div>
            </div>
    </main>
    <div class="price">
        <div><span><span>${order.num} </span> 件商品，总商品金额：</span> <span>&yen;${order.total}</span></div>
        <div><span>运费：</span> <span>&yen;0</span></div>
    </div>
    <div><span>实付金额： <strong> &yen;${order.total}</strong></span> <span>寄送至：贵州大学 北校区 博学楼</span></div>
    <span>            <a href="/jsp/index.jsp"><button>返回主页</button></a>    </span></div>
<footer class="clear">
    <p>书犹药也，善读之可以医愚。<a href="javascript:;">留言</a></p>
    <p>凡是任何售后问题请自己解决</p>
</footer>
</body>
</html>
